body{background: #fff;}
.block2{background: #f7f8f8;display: block;height: .5rem;}
.black2{background: #e6e6e6;display: block;height: .5rem;}
.container{padding-top: 2rem;padding-bottom: 2.2rem;}
.nav{position: fixed;z-index: 99;top: 0;left: 0;width: 14.8rem;padding: 0 .6rem;background: #fff;height: 2rem;justify-content: space-between;align-items: center;}
.nav .back{width: 3rem;}
.nav .back img{width: .4rem;}
.nav .right{width: 3rem;justify-content: flex-end;align-items: center;}
.nav .right .collect img{width: .8rem;margin-right: .5rem;}
.nav .right .share img{width: .8rem;}
.nav h1{font-size: .75rem;color: #535353;}
.stationbox:after{position: absolute;content: '';width: 100%;height: 1px;left: 0;bottom: 0;background: #dcdcdc;}
.tabs {background-size:auto 100%;width:100%;height:1.6rem;overflow:hidden;justify-content: space-around;background: #fff;}
.tabs a {font-weight:normal;text-align:center;font-size: .55rem;height:1.6rem;line-height:1.6rem;color:#535353;}
.tabs a.active {position: relative;color:#eb4812;}
.tabs a.active:after{position: absolute;bottom: 0;left: 0;content: '';background: #eb4812;height: 2px;width: 100%;}
#banner .swiper-slide{text-align: center;}
#banner .swiper-slide img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
#banner{position: relative;}
#banner:after{position: absolute;content: '';bottom: 0;left: 0;width: 100%;height: 1px;background: #dcdcdc;}
.content{padding: .6rem;}
.detail{align-items: flex-end;justify-content: space-between;}
.detail .row{align-items: flex-end;}
.detail .price label{color: #eb4812;font-size: .45rem;}
.detail .price label em{font-size: 1rem;font-family: arial;line-height: 0;}
.detail .price span{color: #eb4812;font-size: .45rem;margin-left: .5rem;}
.detail a.row{align-items: center;}
.detail a p{color: #898989;font-size: .55rem;}
.detail a img{width: .35rem;margin-left: .3rem;}
.tag{margin-top: .4rem;}
.tag a{margin-right: .3rem;background: #dcdcdc;padding: 0 .4rem;border-radius: .1rem;font-size: .45rem;color: #00a0e9;}
ul.addr{border-top: 1px solid #dcdcdc;margin-top: .6rem;padding-top: .3rem;}
ul.addr li{margin-top: .3rem;align-items: center;}
ul.addr li label{color: #535353;font-size: .55rem;}
ul.addr li p{color: #898989;font-size: .55rem;}
ul.addr li img{width: .6rem;margin-left: .4rem;}
.common{position: relative;padding: .6rem;}
.common:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 1px;background: #dcdcdc;}
.common:after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 1px;background: #dcdcdc;}
.common p{color: #535353;font-size: .6rem;}
.databox ul{margin-top: .6rem;justify-content: space-between;padding: 0 .6rem;}
.databox ul li{border-radius: 100%;width: 2.8rem;height: 2.8rem;background: #eeeeee;box-shadow: 0 2px 10px rgba(4,0,0,.2);align-items: center;justify-content: center;}
.databox ul li em{font-size: .7rem;}
.databox ul li span{font-size: .45rem;}
.databox ul li:first-of-type{color: #24aae9;}
.databox ul li:last-of-type{color: #ee4433;}
.databox ul li:nth-of-type(2){color: #69af00;}
.moneybox .row{justify-content: space-between;align-items: flex-end;}
.moneybox .row .look{align-items: center;}
.moneybox .row em{color: #898989;font-size: .55rem;}
.moneybox .row img {width: .35rem;margin-left: .3rem;}
.moneybox .money{color: #898989;font-size: .55rem;margin-top: .6rem;}
/*楼盘详情*/
.conlist{padding: 0 .6rem;border-top: 1px solid #dcdcdc;}
.conlist li{line-height: 2rem;position: relative;}
.conlist li:after{position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 1px;background: #dcdcdc;}
.conlist li:last-of-type:after{width: 0;}
.conlist li label{color: #535353;font-size: .55rem;}
.conlist li p{color: #898989;font-size: .55rem;}
/*在售户型*/
.onsalebox img{width: 100%;}
.onsalecon{padding: .6rem 0;text-align: center;border-bottom: 1px solid #dcdcdc;;}
.onsalecon p{color: #535353;font-size: .6rem;font-weight: bold;}
.onsalecon span{color: #898989;font-size: .55rem;margin-top: .2rem;}
.moresale{border-top: 1px solid #dcdcdc;padding: .6rem;}
.moresale h1{text-align: center;position: relative;font-size: .6rem;color: #535353;letter-spacing: 1px;}
.moresale h1:before{position: absolute;content: '';width: 36%;height: 1px;left: 0;top: .4rem;background: #dcdcdc;}
.moresale h1:after{position: absolute;content: '';width: 36%;height: 1px;right: 0;top: .4rem;background: #dcdcdc;}
.salelist{justify-content: flex-start;flex-wrap: wrap;padding: 0 1rem;}
.salelist a{width: 5.8rem;margin-right: 1.2rem;margin-top: 1rem;text-align: center;}
.salelist a:nth-of-type(2n+2){margin-right: 0;}
.salelist a img{width: 100%;border-radius: .2rem;}
.salelist a p{font-size: .55rem;color: #535353;margin: .2rem 0;}
.salelist a span{font-size: .45rem;color: #898989;}
/*楼盘动态*/
.detailbox{padding: 1rem .6rem 1.2rem;position: relative;}
.detailbox:before{position: absolute;content: '';width: 100%;height: 1px;left: 0;top: 0;background: #dcdcdc;}
.detailbox:after{position: absolute;content: '';width: 100%;height: 1px;left: 0;bottom: 0;background: #dcdcdc;}
.detailbox h1{color: #535353;font-size: .75rem;}
.notice{justify-content: center;margin-top: .5rem;}
.notice .row{margin-left: 1.2rem;align-items: center;}
.notice label{color: #898989;font-size: .55rem;}
.notice .row img{margin-right: .2rem;}
.notice .row img.time{width: .55rem;}
.notice .row img.look{width: .7rem;}
.detailbox p{text-indent: 2em;font-size: .6rem;color: #535353;line-height: 1.2rem;margin-top: 1rem;padding-top: 1.2rem;border-top: 1px solid #dcdcdc;}
.zanbox{width: 4rem;height: 1.6rem;margin: 1.2rem auto 0;background: #ee4433;border-radius: .2rem;justify-content: center;align-items: center;}
.zanbox img{width: .9rem;height: .85rem;}
.zanbox span{color: #fff;font-size: .8rem;margin-left: .5rem;}
.relative{position: relative;}
.relative:before{position: absolute;content: '';width: 100%;height: 1px;left: 0;top: 0;background: #dcdcdc;}
.relative:after{position: absolute;content: '';width: 100%;height: 1px;left: 0;bottom: 0;background: #dcdcdc;}
.relative h1{padding: .4rem .6rem;border-bottom: 1px solid #dcdcdc;font-size: .6rem;color: #313131;font-weight: normal;}
.relative ul{padding: 0 .6rem 1rem;}
.relative ul li{margin-top: 1rem;}
.relative ul li a{justify-content: space-between;width: 14.8rem;}
.relative ul li .relaimg{width: 5.5rem;height: 3.6rem;}
.relative ul li .relaimg img{width: 100%;height: 100%;}
.relative ul li .relacon{width: 8.5rem;justify-content: space-between;border-bottom: 1px solid #eeeeee;padding-bottom: .4rem;}
.relative ul li .relacon p{color: #535353;font-size: .6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.relanum .row span{font-size: .5rem;color: #a0a0a0;}
.relanum .row{margin-right: 1rem;align-items: center;}
.relanum .row img{margin-right: .2rem;}
.relanum .row img.time{width: .55rem;}
.relanum .row img.look{width: .7rem;}
.footer{position: fixed;width: 100%;height: 2rem;z-index: 99;bottom: 0;left: 0;}
.footer a{flex: 1;-webkit-flex: 1;justify-content: center;align-items: center;}
.footer a.tel{background: #69af00;text-align: center;}
.footer a img{width: 1.2rem;margin-right: .5rem;}
.footer a p,.footer a span{color: #fff;font-size: .6rem;}
.footer a span{font-family: arial;}
.footer a.order{background: #ee4433;}
/*弹出框*/
.mask{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 10;}
.orderbox{display: none;position: fixed;z-index: 99; width: 13rem;height: 8rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background:#fff;border-radius: .2rem;align-items: center;}
.orderbox p{font-size: .65rem;color: #313131;line-height: 2rem;text-align: center;}
.orderbox .row{height: 1.4rem;margin-bottom: .5rem;align-items: center;}
.orderbox .row label{font-size: .6rem;color: #898989;margin-right: .4rem;}
.orderbox .row input{width: 6.8rem;height: 1.4rem;padding: 0 .4rem; box-sizing: border-box;border: 1px solid #c9c9c9;border-radius: .2rem;font-size: .55rem;color: #898989;}
.orderbox .row input::-webkit-input-placeholder{color: #b5b5b5;}
.orderbox .row.operation{height: 1.6rem;margin-bottom: 0;width: 100%;border-top: 1px solid #e5e5e5;position: absolute;bottom: 0;border-bottom-left-radius: .2rem;border-bottom-right-radius: .2rem;}
.operation button{flex: 1;-webkit-flex: 1;height: 1.6rem;font-size: .6rem;}
.operation button.cancel{border-bottom-left-radius: .2rem;background: none;color: #898989;position: relative;}
.operation button.sure{border-bottom-right-radius: .2rem;color: #ee4433;background: #eee;}
.operation button.cancel:after{position: absolute;content: '';width: 1px;height: 100%;right: 0;top: 0;background: #e5e5e5;}
/*分享店铺*/
.mytop{background: none;}
.topbox{position: fixed;top: 0;left: 0;background: url(../img/bg.png);background-size: 100% 100%; width: 100%;height: 5rem;}
.namebox{position: absolute;top: 1.3rem;align-items: center;justify-content: center;width: 100%;}
.namebox img.tx{width: 3.6rem;height: 3.6rem;border-radius: 100%;border: 3px solid #fff;}
.namebox p{color: #535353;font-size: .7rem;margin-top: .5rem;margin-bottom: .3rem;font-weight: bold;}
.namebox .row{align-items: center;}
.namebox span{font-size: .55rem;color: #898989;position: relative;padding-right: .5rem;margin-right: .5rem;}
.namebox span:after{position: absolute;content: '';width:1px;height: 100%;right: 0;top: 0;background: #b5b5b5;}
.namebox .row a{width: .7rem;}
.namebox .row a img{width: 100%;}
.sharelist{background: #fff;width: 14.8rem;margin: 7rem auto 0;height: 14rem;overflow-y: scroll;box-shadow: 0 2px 10px rgba(4,0,0,.2);}
.sharelist ul{flex-wrap: wrap;}
.sharelist ul li{margin-top: 1rem;padding: 0 .7rem;}
.sharelist ul li a{align-items: center;}
.sharelist ul li .shareimg{width: 6rem;}
.sharelist ul li .shareimg img{width: 100%;}
.sharelist ul li p{font-size: .6rem;color: #535353;line-height: 1.2rem;}
.sharelist ul li .row{width: 6rem;align-items: center;}
.sharelist ul li em{position: relative;padding-right: .3rem;margin-right: .3rem;color: #898989;font-size: .45rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sharelist ul li em:after{position: absolute;content: '';height: 100%;width: 1px;right: 0;top: 0;background: #dcdcdc;}
.sharelist ul li span{font-size: .45rem;color: #ee4433;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sharelist ul li span label{font-family: arial;color: #ee4433;font-size: .7rem;}
/*登录*/
.logbox{padding: .6rem 1rem;}
.logbox img.logo{width: 100%;}
.logbox ul{margin-top: .5rem;margin-bottom: .5rem;}
.logbox ul li{position: relative;padding: .5rem 0;margin: 0 .5rem; border-bottom: 1px solid #dcdcdc;align-items: center;justify-content: space-between;}
.logbox ul li img.profile{width: .8rem;height: .8rem;}
.logbox ul li img.lock{width: .64rem;height: .8rem;}
.logbox ul li input{width: 11.2rem;font-size: .8rem;color: #313131;}
.logbox ul li input::-webkit-input-placeholder{font-size: .7rem;color: #a0a0a0;}
.logbox ul li img.look{position: absolute;right: 0;width: 1rem;height: .7rem;}
.logbox ul li.pswbox{margin-top: 1.6rem;}
.helpbox{justify-content: space-between;padding: 0 .5rem;align-items: center;}
.helpbox a.rule{font-size: .55rem;color: #a0a0a0;align-items: center;}
.helpbox a.rule img{width: .8rem;height: .8rem;margin-right: .3rem;}
.helpbox div.row a{font-size: .55rem;color: #a0a0a0;margin-left: 1rem;}
.logbox .logBtn{width: 100%;height: 2rem;background: #ee4433;line-height: 2rem;color: #fff;letter-spacing: .3rem;font-size: .7rem;justify-content: center;margin-top: 3rem;}
/*申请账号*/
.applybox{padding: 0 .6rem;position: relative;height: 100%;}
.applybox input{margin-top: 1rem;background: #f7f8f8;color: #313131;font-size: .6rem; border: 1px solid #dcdcdc;border-radius: .2rem; height: 1.6rem;line-height: 1.6rem;padding: 0 .5rem;}
.applybox input::-webkit-input-placeholder{color: #a0a0a0;font-size: .6rem;}
.applybox a.row{width: 14.8rem;height: 2rem;background: #ee4433;line-height: 2rem;color: #fff;letter-spacing: .3rem;font-size: .7rem;justify-content: center;position: absolute;bottom: 2rem;left: 0;right: 0;margin: auto;}
/*找回密码*/
.applybox .row{justify-content: space-between;}
.applybox .row a{width: 3.6rem;margin-top: 1rem;text-align: center;background: #f7f8f8;color: #a0a0a0;font-size: .6rem; border: 1px solid #dcdcdc;border-radius: .2rem; height: 1.6rem;line-height: 1.6rem;}
.applybox .row input{width: 9.7rem;}
/*客户确认规则*/
.rulebox{padding: .6rem;}
.rulebox p{color: #535353;font-size: .55rem;line-height: 1.2rem;text-indent: 2em;}
/*已报备楼盘*/
h2.reporttitle{color: #898989;font-size: .55rem;font-weight: normal;padding: 0 .6rem;line-height: 1.8rem;background: #f7f8f8;}
.reportbox{position: relative;}
.reportbox:before{position: absolute;content: '';width: 100%;height: 1px;background: #b5b5b5;top: 0;left: 0;}
.reportbox:after{position: absolute;content: '';width: 100%;height: 1px;background: #b5b5b5;bottom: 0;left: 0;}
.reportbox .stage{padding: .8rem .6rem;border-bottom: 1px solid #dcdcdc;}
.reportbox .stage h5{text-align: right;font-weight: normal;color: #a0a0a0;font-size: .5rem;margin-bottom: .8rem;}
.reportbox .stage .row{justify-content: space-around;text-align: center;}
.reportbox .stage .row li{align-items: center;flex: 1;-webkit-flex: 1;position: relative;}
.reportbox .stage .row li:before{position: absolute;content: '';width: 35%;height: 1px;left: 0;top: .2rem;background: #898989;}
.reportbox .stage .row li:after{position: absolute;content: '';width: 35%;height: 1px;right: 0;top: .2rem;background: #898989;}
.reportbox .stage .row li:first-of-type:before{width: 0;;}
.reportbox .stage .row li:last-of-type:after{width: 0;;}
.reportbox .stage .row li.on:before{background: #ee4433;}
.reportbox .stage .row li.on:after{background: #ee4433;}
.reportbox .stage .row li span{position: relative;width: .4rem;height: .4rem;border-radius: 100%;background: #898989;margin-bottom: .2rem;}
.reportbox .stage .row li.on span{background: #ee4433;}
.reportbox .stage .row li p{color: #898989;font-size: .5rem;}
.reportbox .stage .row li.on p{color: #ee4433;}
.reportbox .stage .row li em{color: #a0a0a0;font-size: .4rem;}
.report .reportname{padding: .8rem .6rem;}
.report .reportname p{line-height: 1rem;color: #535353;font-size: .55rem;}
.report .reportname p label{color: #898989;}
.report ul{padding: 0 .6rem;}
.report ul li{border-top: 1px solid #dcdcdc;padding: 1rem 0;align-items: center;}
.report ul li img{width: 1.2rem;height: 1.2rem;margin-right: .5rem;}
.report ul li span{color: #535353;font-size: .55rem;margin-bottom: .2rem;}
.report ul li.checked span{color: #898989;}
.report ul li em{color: #898989;font-size: .4rem;}
/*客户动态*/
.msgbox{padding: .6rem;}
.msgbox h5{font-size: .45rem;color: #a0a0a0;line-height: 1.4rem;font-weight: normal;text-align: center;}
.msgbox .msgdetail{border: 1px solid #dcdcdc;padding: .6rem 1rem 0;background: #fff;box-shadow: 2px 2px 10px rgba(4,0,0,.1);}
.msgbox .msgdetail h2{font-size: .6rem;color: #313131;line-height: 1.6rem;}
.msgbox .msgdetail p{color: #898989;font-size: .5rem;line-height: .9rem;}
.msgbox .msgdetail a{align-items: center; margin-top: .7rem;padding: .8rem 0;justify-content: space-between;border-top: 1px solid #dcdcdc;}
.msgbox .msgdetail a span{font-size: .5rem;color: #535353;}
.msgbox .msgdetail a img{width: .35rem;}
/*佣金详情*/
.moneyList{background: #fff;margin-top: .6rem;}
.moneyList ul{border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 0 .6rem;}
.moneyList ul li{position: relative;padding: .6rem 0;}
.moneyList ul li:after{position: absolute;content: '';width: 100%;height: 1px;left: 0;bottom: 0;background: #eeeeee;}
.moneyList ul li:last-of-type:after{width: 0;}
.moneyList ul li h1{color: #535353;font-size: .7rem;}
.moneyList ul li p{font-size: .5rem;color: #535353;text-indent: 2em;line-height: 1rem;margin-top: .4rem;}
.moneyList ul li span{color: #b5b5b5;margin-top: .4rem;font-size: .5rem;text-align: right;}
.moneyList ul li span em{position: relative;}
.moneyList ul li span em:before{position: absolute;content: '';width: 1.6rem;height: 1px;left: -1.6rem;top: .3rem;background: #dedede;}
/*报备记录*/
.recordList{background: #fff;border-bottom: 1px solid #dcdcdc;}
.recordTag{justify-content: space-between;padding: .4rem .6rem;}
.recordTag a{color: #898989;font-size: .55rem;}
.recordTag a.on{color: #535353;}
.recordList ul li{padding: .6rem;border-top: 1px solid #dcdcdc;justify-content: space-between;align-items: center;}
.recordList ul li img{width: 1.6rem;height: 1.6rem;}
.recordList ul li .name{width: 6.2rem;height: 1.6rem;justify-content: space-between;}
.recordList ul li .name p{font-size: .6rem;color: #535353;}
.recordList ul li .name em{font-size: .45rem;color: #a0a0a0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recordList ul li .name span{font-size: .55rem;color: #535353;}





.bg-gray{background: #f7f8f8;}
